<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .outer{
            /*background-size: 100% auto;
            background-repeat: no-repeat;
            background-image: url(home.jpg);*/
            /*position: relative;*/
        }
        .outer:before{
            /*content: "";*/
            /*display: block;*/
            /*padding-top: 100%;*/
        }
        .inner{
            /*position: absolute;*/
            /*top: 0;*/
            /*left: 0;*/
            /*bottom: 0;*/
            /*right: 0;*/
           /* width:100%;
            height:100%;*/
        }
    </style>
</head>
<body>
        <div class="outer">
            <div class="inner">
                <img src="home.jpg" alt="">
            </div>
        </div>
</body>
</html>